<%@ page contentType="text/html; charset=utf-8" language="java"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
%>

<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>
.np {
	font-family: Webdings;
	font-size: 15px;
	color: black;
	cursor: hand;
}

A:link {
	COLOR: #000000;
	FONT-SIZE: 15px;
	TEXT-DECORATION: none
}

A:visited {
	COLOR: #000000;
	FONT-SIZE: 15px;
	TEXT-DECORATION: none
}

A:hover {
	COLOR: #99d767;
	FONT-SIZE: 15px;
	TEXT-DECORATION: none
}

BODY {
	FONT-SIZE: 15px;
	scrollbar-face-color: #F0F0E5;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #F0F0E5;
	scrollbar-darkshadow-color: #F0F0E5;
	scrollbar-track-color: #F0F0E5;
	scrollbar-arrow-color: #000000
}

TD {
	FONT-SIZE: 15px;
	line-height: 150%
}
</style>
<SCRIPT language=javascript>
			function switchSysBar()
			{
				if (switchPoint.innerText==3)
				{
					switchPoint.innerText=4;
					document.all("mnuList").style.display="none";
					top.content.cols="16,*";
				}
				else
				{
					switchPoint.innerText=3;
					document.all("mnuList").style.display="" ;
					top.content.cols="166,*" ;
				}
		    }
</SCRIPT>
</HEAD>

<BODY leftMargin="0" topMargin="1" marginheight="0" marginwidth="0"
	bgcolor="#ffffff">
	<SCRIPT>
			function showitem(id,name){
				if(name=='安全退出'){
					return ("<span><a href='"+id+"' target=_top>"+name+"</a></span><br>");
				}else{
					return ("<span><a href='"+id+"' target=main>"+name+"</a></span><br>");
				}	
			}
			
			
			function switchoutlookBar(number){
				var i = outlookbar.opentitle;
				outlookbar.opentitle=number;
				var id1,id2,id1b,id2b;
				if (number!=i && outlooksmoothstat==0){
					if (number!=-1){
						if (i==-1){
							id2="blankdiv";
							id2b="blankdiv";
						}
						else{
							id2="outlookdiv"+i;
							id2b="outlookdivin"+i;
							document.all("outlooktitle"+i).style.border="1px none navy";
							document.all("outlooktitle"+i).style.background="#009999";
							document.all("outlooktitle"+i).style.color="#ffffff";
							document.all("outlooktitle"+i).style.textalign="center";
						}
						id1="outlookdiv"+number;
						id1b="outlookdivin"+number;
						document.all("outlooktitle"+number).style.border="1px none white";
						document.all("outlooktitle"+number).style.background="#009999"; //title
						document.all("outlooktitle"+number).style.color="#ffffff";
						document.all("outlooktitle"+number).style.textalign="center";
						smoothout(id1,id2,id1b,id2b,0);
					}else{
						document.all("blankdiv").style.display="";
						document.all("blankdiv").sryle.height="100%";
						document.all("outlookdiv"+i).style.display="none";
						document.all("outlookdiv"+i).style.height="0%";
						document.all("outlooktitle"+i).style.border="1px none navy";
						document.all("outlooktitle"+i).style.background="#009999";
						document.all("outlooktitle"+i).style.color="#ffffff";
						document.all("outlooktitle"+i).style.textalign="center";
				}
				}
			}
			
			
			
			function smoothout(id1,id2,id1b,id2b,stat){
				if(stat==0){
					tempinnertext1=document.all(id1b).innerHTML;
					tempinnertext2=document.all(id2b).innerHTML;
					document.all(id1b).innerHTML="";
					document.all(id2b).innerHTML="";
					outlooksmoothstat=1;
					document.all(id1b).style.overflow="hidden";
					document.all(id2b).style.overflow="hidden";
					document.all(id1).style.height="0%";
					document.all(id1).style.display="";
					setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+outlookbar.inc+")",outlookbar.timedalay);
				}else{
					stat+=outlookbar.inc;
					if (stat>100)
					stat=100;
					document.all(id1).style.height=stat+"%";
					document.all(id2).style.height=(100-stat)+"%";
					if (stat<100) 
					setTimeout("smoothout('"+id1+"','"+id2+"','"+id1b+"','"+id2b+"',"+stat+")",outlookbar.timedalay);
					else{
						document.all(id1b).innerHTML=tempinnertext1;
						document.all(id2b).innerHTML=tempinnertext2;
						outlooksmoothstat=0;
						document.all(id1b).style.overflow="auto";
						document.all(id2).style.display="none";
					}
				}
			}
			
			
			
			function getOutLine(){
				outline="<table "+outlookbar.otherclass+">";
				for (i=0;i<(outlookbar.titlelist.length);i++)
				{
				outline+="<tr><td name=outlooktitle"+i+" id=outlooktitle"+i+" "; 
				if (i!=outlookbar.opentitle) 
				outline+=" nowrap align=center style='cursor:hand;background-color:#009999;color:#ffffff;height:5;border:1 none navy' ";
				else
				outline+=" nowrap align=center style='cursor:hand;background-color:#009999;color:white;height:5;border:1 none white' ";
				outline+=outlookbar.titlelist[i].otherclass;
				outline+=" onclick='switchoutlookBar("+i+")'><span class=smallFont>";
				outline+=outlookbar.titlelist[i].title+"</span></td></tr>";
				outline+="<tr><td name=outlookdiv"+i+" valign=top align=center id=outlookdiv"+i+" style='width:100%";
				if (i!=outlookbar.opentitle) 
				outline+=";display:none;height:0%;";
				else
				outline+=";display:;height:100%;";
				outline+="'><div name=outlookdivin"+i+" id=outlookdivin"+i+" style='overflow:auto;width:100%;height:100%'>";
				for (j=0;j<outlookbar.itemlist[i].length;j++)
				outline+=showitem(outlookbar.itemlist[i][j].key,outlookbar.itemlist[i][j].title);
				outline+="</div></td></tr>";
				}
				outline+="</table>";
				return outline;
			}
			
			function show(){
				var outline;
				outline="<div id=outLookBarDiv name=outLookBarDiv style='width=100%;height:100%'>";
				outline+=outlookbar.getOutLine();
				outline+="</div>";
				document.write(outline);
			}
			
			function theitem(intitle,instate,inkey){
				this.state=instate;
				this.otherclass=" nowrap ";
				this.key=inkey;
				this.title=intitle;
			}
			
			
			
			function addtitle(intitle){
				outlookbar.itemlist[outlookbar.titlelist.length]=new Array();
				outlookbar.titlelist[outlookbar.titlelist.length]=new theitem(intitle,1,0);
				return(outlookbar.titlelist.length-1);
			}
			
			
			
			function additem(intitle,parentid,inkey){
				if (parentid>=0 && parentid<=outlookbar.titlelist.length){
					outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length]=new theitem(intitle,2,inkey);
					outlookbar.itemlist[parentid][outlookbar.itemlist[parentid].length-1].otherclass=" nowrap align=left style='height:5' ";
					return(outlookbar.itemlist[parentid].length-1);
				}
				else
				additem=-1;
			}
			
			
			
			
			
			function outlook(){
				this.titlelist=new Array();
				this.itemlist=new Array();
				this.divstyle="style='height:100%;width:100%;overflow:auto' align=center";
				this.otherclass="border=0 cellspacing='0' cellpadding='0' style='height:100%;width:100%'valign=middle align=center ";
				this.addtitle=addtitle;
				this.additem=additem;
				this.starttitle=-1;
				this.show=show;
				this.getOutLine=getOutLine;
				this.opentitle=this.starttitle;
				this.reflesh=outreflesh;
				this.timedelay=50;
				this.inc=10;
			}
			
			
			
			function outreflesh(){
			    document.all("outLookBarDiv").innerHTML=outlookbar.getOutLine();
			}
			
			
			function locatefold(foldname){
				for (var i=0;i<outlookbar.titlelist.length;i++)
				if(foldname==outlookbar.titlelist[i].title){
				   outlookbar.starttitle=i;
				   outlookbar.opentitle=i;
				}
			}
			var outlookbar=new outlook();
			var tempinnertext1,tempinnertext2,outlooksmoothstat;
			outlooksmoothstat = 0;
	    </SCRIPT>
		<SCRIPT>
		    document.write("<script src=<%=path%>/admin/js/list_nav.js></"+"script>");
		</SCRIPT>
	<table cellspacing=0 cellpadding=0 border=0 height="100%" width="162"
		align="left">
		<tr>
			<td id=mnuList>
					<script>
						locatefold("修改密码");
						outlookbar.show() ;
				    </script>
			</td>
			<td width="15" bgcolor=#009999
				background="<%=path%>/img/menu_bg_01.gif">
				<table cellspacing=0 cellpadding=0 border=0>
					<tr>
						<td width="10" align=middle valign=center>
							<span class="np" id="switchPoint" onClick="switchSysBar()" title="3"></span>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</BODY>
</HTML>
